<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>店铺</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<script src="js/mui.min.js"></script>
		<script src="js/mui.picker.min.js"></script>
		<link href="css/style.css" rel="stylesheet" />
		<link href="css/reg_style.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/ljq.css" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/mui.picker.min.css">
		<script type="text/javascript">
			mui.init();
		</script>
		<style type="text/css">
			body {
				background: #F2F2F2!important;
			}
			.head1{
				background: #fff!important;
			}
			.mui-content {
				background: #F2F2F2!important;
			}
			.fff{
				background: #fff;
				margin-top: -0.05rem;
    			margin-bottom: 0.1rem;
			}
			/*.mui-table-view.mui-grid-view{
				padding: 0;
				border-bottom: 5px solid #F2F2F2;
			}*/

			/*除去mui-ul自带的线*/
			.mui-table-view:before {
				background-color: #fff;
			}
			
			.mui-table-view:after {
				background-color: #fff;
			}
			
			.mui-bar-nav {
				-webkit-box-shadow: 0 0px 6px #ccc;
				box-shadow: 0 0px 6px #ccc;
			}
			
			.mui-bar {
				background-color: #FFF;
				-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, .85);
				box-shadow: 0 0 0px rgba(0, 0, 0, .85);
			}
			
			h5{
				margin-left: 0.12rem;
				font-size: 0.15rem;
				color: #4D4D4D;
				padding-top: 0.2rem;
			}
			ul li{
				margin: 0.15rem 0;
			}
			ul img{
				display: block;
				width:0.26rem!important;
				height: 0.26rem!important;
				margin: 0 auto;
				margin-bottom: 0.12rem;
			}
			ul li span{
				font-size: 0.1rem!important;
				color: #808080!important;
				margin: 0!important;
			}
			
			.xialakuang {
				background: url(img/xialakuang1.png)no-repeat top center;
				width: 80%;
				position: fixed;
				left: 10%;
				top: 0.28rem;
				z-index: 111;
				padding-top: 0.1rem;
				border-radius: 15px;
			}
			
			.xialakuang .xiala_span {
				display: block;
				width: 100%;
				height: 0.44rem;
				line-height: 0.44rem;
				text-indent: 0.2rem;
				font-size: 0.15rem;
				color: #4D4D4D;
				background: #fff;
				border-bottom: 1px solid #ccc;
			}
			
			.xiala_span1:first-child {
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
			}
			
			.xialakuang .add_span {
				display: block;
				width: 100%;
				height: 0.44rem;
				line-height: 0.44rem;
				font-size: 0.15rem;
				background: url(img/jianbian3.png)no-repeat center center;
				color: #fff;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
			}
			
			.xialakuang .add_span img {
				width: 0.15rem;
				margin-left: 0.2rem;
				margin-right: 0.1rem;
			}
			
			.yinying {
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: #000000;
				opacity: 0.3;
				z-index: 100;
			}
			.mh680{
				min-height: 3.4rem;
			}
			.mui-popover{
				position: absolute;
				top:50%;
				left:50%;
				transform: translate(-50%,-50%);
			}
			.head1 .div1{
				width:100%;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav head1">
			<!--/********************日期控件**************************/-->
			<!--<a class="a1" href="index_xiaoxi.html"><img class="img1" src="img/xiaoxi.png" alt="" /></a>-->
			<div class="div1"><span class="span1" id="list-shop-lists"></span></div>
			<!--<a href="index_shujuluru.html"><img class="img2" src="img/bianji.png" alt="" /></a>-->
			<!--/********************日期控件**************************/-->
		</header>
		<div class="yinying" style="display: none;"></div>
		<div class="xialakuang" id="shoplist_new" style="display: none;">
			<span class="xiala_span xiala_span1" data-shopid="0">demo1</span>
			<span class="add_span xiala_span1" data-shopid="999999"><img src="img/add.png" alt=""/>添加门店</span>
		</div>

		<nav class="mui-bar mui-bar-tab">
				<a href="index.html" class="mui-tab-item ">
					<span class="mui-icon">
					<img src="img/shouye.png" alt='' />
				</span>
					<span class="mui-tab-label">首页</span>
				</a>
				<a href="store.html" class="mui-tab-item mui-active">
					<span class="mui-icon">
					<img src="img/dianpumr.png" alt='' />
				</span>
					<span class="mui-tab-label">店铺</span>
				</a>
				<a href="client_searchresult.html" class="mui-tab-item ">
					<span class="mui-icon">
					<img src="img/kehu.png" alt='' />
				</span>
					<span class="mui-tab-label">客户</span>
				</a>
				<!-- <a href="store_jiankongchakan.html" class="mui-tab-item">
					<span class="mui-icon">
						<img src="img/safeimg.png" alt='' />
					</span>
					<span class="mui-tab-label">安防</span>
				</a> -->
			</nav>

		<div class="mui-content" style="padding-bottom: 0.35rem;">
			<div class="fff">
				<h5>经营管理</h5>
				<ul class="mui-table-view mui-grid-view clearfix">
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="index_yingyee.html">
							<div class="mui-media-object">
								<img src="img/yingyee.png">
							</div>
							<span class="mui-media-body">营业额</span>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="index_keliuliang.html">
							<div class="mui-media-object">
								<img src="img/keliuliang.png">
							</div>
							<span class="mui-media-body">客流量</span>
						</a>
					</li>
					 <!--<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="store_luxiangchakan.html">
							<img class="mui-media-object" src="img/anfang.png">
							<span class="mui-media-body">安防</span>
						</a>
					</li>-->
					<!--<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="store_touzicesuan.html">
							<div class="mui-media-object"><img src="img/touzicesuan.png"></div>
							<span class="mui-media-body">投资测算</span>
						</a>
					</li> -->
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="store_pingxiao.html">
							<div class="mui-media-object"><img src="img/pingxiao.png"></div>
							<span class="mui-media-body">坪效</span>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="store_dingdanmingxi.html">
							<div class="mui-media-object"><img src="img/dingdan.png"></div>
							<span class="mui-media-body">订单流水</span>
						</a>
					</li>
				</ul>
			</div>
			<div class="fff mh680">
				
				<h5>各指标数据查询</h5>
				<ul class="mui-table-view mui-grid-view clearfix">
					 <!--<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="index_zhibiaochaxun.html?xbxtype=营业额">
							<div class="mui-media-object"><img src="img/yingyee.png"></div>
							<span class="mui-media-body">营业额</span>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="index_zhibiaochaxun.html?xbxtype=客流量">
							<div class="mui-media-object"><img src="img/keliuliang.png"></div>
							<span class="mui-media-body">客流量</span>
						</a>
					</li> -->
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="index_zhibiaochaxun.html?xbxtype=营业额">
							<div class="mui-media-object">
								<img src="img/yingyee.png">
							</div>
							<span class="mui-media-body">营业额分析</span>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="index_zhibiaochaxun.html?xbxtype=客流量">
							<div class="mui-media-object">
								<img src="img/keliuliang.png">
							</div>
							<span class="mui-media-body">客流量分析</span>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="index_zhibiaochaxun.html?xbxtype=成交率">
							<div class="mui-media-object"><img src="img/chengjiaolv.png"></div>
							<span class="mui-media-body">成交率</span>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="index_zhibiaochaxun.html?xbxtype=客单价">
							<div class="mui-media-object"><img src="img/kedanjia.png"></div>
							<span class="mui-media-body">客单价</span>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="index_zhibiaochaxun.html?xbxtype=成交笔数">
							<div class="mui-media-object">
								<img src="img/chengjiaobishu.png">
							</div>
							<span class="mui-media-body">成交笔数</span>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<div id="moreAnalyze">
							<div class="mui-media-object">
								<img src="img/moreimg.png">
							</div>
							<span class="mui-media-body">更多分析</span>
						</div>
					</li>
					 <!--<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="index_zhibiaochaxun.html?xbxtype=连带率">
							<div class="mui-media-object"><img src="img/liandailv.png"></div>
							<span class="mui-media-body">连带率</span>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="index_zhibiaochaxun.html?xbxtype=销售件数">
							<div class="mui-media-object"><img src="img/xiaoshoujianshu.png"></div>
							<span class="mui-media-body">销售件数</span>
						</a>
					</li>
					
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="index_zhibiaochaxun.html?xbxtype=件单价">
							<div class="mui-media-object"><img src="img/jiandanjia.png"></div>
							<span class="mui-media-body">件单价</span>
						</a>
					</li> -->
				</ul>
			</div>
			<div id="popover" class="mui-popover">
				<ul class="mui-table-view mui-grid-view clearfix">
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="store_zengzhanglv.html">
							<div class="mui-media-object"><img src="img/zengzhanglv.png"></div>
							<span class="mui-media-body">增长率</span>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="store_zhouqushi.html">
							<div class="mui-media-object">
								<img src="img/zhouqushi.png">
							</div>
							<span class="mui-media-body">周趋势</span>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="store_zhouquanzhong.html">
							<div class="mui-media-object">
								<img src="img/zhouquanzhong.png">
							</div>
							<span class="mui-media-body">周权重</span>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="store_xiaoshoushiduan.html">
							<div class="mui-media-object">
								<img src="img/xiaoshoushiduan.png">
							</div>
							<span class="mui-media-body">销售时段</span>
						</a>
					</li>
					
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="store_keliugaodifeng.html">
							<div class="mui-media-object">
								<img src="img/gaodifeng.png">
							</div>
							<span class="mui-media-body">高低峰</span>
						</a>
					</li>
					<!--<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="store_gukeyuangongbi.html">
							<div class="mui-media-object">
								<img src="img/gukeyuangongbi.png">
							</div>
							<span class="mui-media-body">顾客员工比</span>
						</a>
					</li>-->
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="store_keliuzhiliu.html">
							<div class="mui-media-object">
								<img src="img/zhiliufenxi.png">
							</div>
							<span class="mui-media-body">滞留分析</span>
						</a>
					</li>
				</ul>
			</div>
		</div>

		<!--/********************日期控件**************************/-->
		<!--<link rel="stylesheet" type="text/css" href="css/hgs-date.css" />
		<script src="js/hgs-date.js"></script>-->
		<!--/********************日期控件**************************/-->
		<input id="index-shop-lists-id" type="hidden">
		<input id="index-shop-lists" type="hidden">
		<input id='index-end-date' type="hidden" />
		<input id='index-start-date' type="hidden" />

		<!--/***************************************************/-->

		<script src="js/crypto-js.js"></script>
		<script src="js/jquery.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript" src="js/fuction.js"></script>
		<script>
			var shop_picker = new mui.PopPicker();

			mui.ready(function() {

				//				var xbxtype = decodeURI(getUrlParam('xbxtype'));
				//
				//				if(xbxtype == '所有客户') {
				//					$("#active5-sykf-1").show();
				//					$("#active5-khfx-1").hide();
				//					$("#active5-khfx").removeClass("active5");
				//					$("#active5-sykf").addClass("active5");
				//				}

				//获取当前的客户数据
				xminereadyload();
				//如果用户第一次进来，未选择门店
				new_firstcomeshop("#list-shop-lists"); //--------------------------------------------------->>>>>>>有门店选择的页面可以要
				//增加门店列表
				new_shoplistadd(shop_picker); //--------------------------------------------------->>>>>>>有门店选择的页面可以要				

				//				//登录成功，获取门店列表
				//				shop_lists();
				mui("#moreAnalyze")[0].addEventListener('tap', function () {
					mui('#popover').popover('show');
				});
			});



			//选择门店列表
			function user_select_shop() {
				shop_picker.show(function(SelectedItem) {

					//判断用户是绑定门店
					if(SelectedItem[0].value == 999999) {
						window.location.href = "me_user_bind.html";
						return;
					}

					//登录成功，将用户信息进行本地储存
					shop_value_select(SelectedItem[0].text, SelectedItem[0].value);

					//变更显示的门店标签
					mui("#list-shop-lists")[0].innerHTML = user_info.look_shop_name;
					mui("#index-shop-lists-id")[0].value = user_info.look_shop_id;
				})

			}

			//获取门店列表
			function shop_lists() {
				var xbx = {}; //登录后的参数对象AES加密
				official_login_after(url_host + 'shop/lists', xbx, 'shop_lists_index');

			};

				$(document).ready(function() {
					$(".head1 .span1").click(function() {
						$(".yinying").show();
						$(".xialakuang").show();
					});
					$(".yinying").click(function() {
						$(".yinying").hide();
						$(".xialakuang").hide();
					});
					

				})
		</script>
	</body>

</html>